<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>


    <script src="../js/ajax.js"></script>
    <script>

        // 回调是异步编程的解决方案



        // 恐怖回调  ： 回调中嵌套回调
        // 地狱回调


        // var res;

        // function ajax(cb) {
        //     const xhr = new XMLHttpRequest();
        //     xhr.open('get', 'http://121.43.116.41/php/list.php', true);
        //     xhr.send();
        //     xhr.onreadystatechange = function () {
        //         if (xhr.readyState === 4 && xhr.status === 200) {
        //             res = xhr.responseText;
        //             console.log(JSON.parse(res));


        //             cb(res)

        //         }
        //     }
        // }


        // // console.log(res);


        // ajax(function (res) {
        //     console.log(res);
        // })


        // 先把武汉请求到，再去请求江夏



        ajax({
            type: 'get',
            url: 'http://121.43.116.41/php/2.php',
            dataType: 'string',
            success: res => {
                console.log(res);   // 武汉
                ajax({
                    type: 'get',
                    url: 'http://121.43.116.41/php/3.php',
                    dataType: 'string',
                    success: res => {
                        console.log(res);   // 江夏

                    }
                })

            }
        })






    </script>

</body>

</html>